<div ng-show="vm.seen">

    <div class="mt10">
        <form class="zhForm">
            <span class="mr6 mt10">组合形式</span>
            <span class="mr6 mt10" ng-repeat="key in vm.table track by $index">
            <input type="checkbox" class="filled-in" id="{{'zh_shape'+$index}}" checked="checked" ng-model="key.propertys_show"/>
            <label for="{{'zh_shape'+$index}}">{{key.propertyKey}}</label>
        </span>
        </form>
    </div>

    <ul class="selectBox">
        <li ng-repeat="d in vm.table track by $index" class="row" style="border-bottom: 1px dashed #795548;white-space: wrap;word-break: break-all;" ng-show="d.propertys_show">
            <div class="col s1">{{d.propertyKey}}</div>
            <div class="col s11">
                <a href="javascript:;" class="mr20 cp select-item" ng-class="{'propSelected':pro.selected}" ng-repeat="pro in d.propertys track by $index" ng-click="vm.select(pro)" ng-show="pro.show">{{pro.name}}{{'('+ pro.value + '%)'}}</a>
                <a class="cp" ng-show="d.propertys.length > 5" ng-click="d.expand()">{{d.showall ? '收起' : '更多'}}</a>
            </div>
        </li>
    </ul>
    <div class="pb5 pt5 pl10" ng-show="vm.selected_props.length>0">
        <div class="chip" ng-repeat="prop in vm.selected_props">
            {{prop.key}} : {{prop.name}}
            <i class="close icon cp" ng-click="vm.unselect($index)"></i>
        </div>
    </div>
</div>
